.user-page {
 display: flex;
 flex-direction: column;
 background: #F0F0F0;
 height: 100vh;
  .user-box{
    background: url("../../assets/user/bg.png");
    background-size: 100% 100%;
    .user{
      display: flex;
      align-items: center;
      padding: 150rpx 35rpx 40rpx 32rpx;
      .photo{
        image{
          width: 130rpx;
          height: 130rpx;
          border-radius: 100%;
        }
      }
      .msg{
        display: flex;
        flex-direction: column;
        margin-left: 16rpx;
        .user-msg{
          display: flex;
          flex-direction: row;
          align-items: end;
          .name{
            color: #FDFBFB;
            font-size: 33rpx;
            font-weight: bold;
          }
          .member{
            height: 44rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 21rpx;
            background: #212121;
            color: #FE7407;
            padding: 0 12rpx;
            margin-left: 17rpx;
            border-radius: 24rpx;
          }
        }
        .appraiser{
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-size: 20rpx;
          width: 530rpx;
          .appraiser-title{
            padding: 6rpx 12rpx;
            background: #212121;
            color: #FE7407;
            border-radius: 25rpx;
          }
          .back{
            transform: rotate(180deg);
            image{
              width: 32rpx;
              height: 32rpx;
            }
          }
        }
        .dsc{
          color: #FFFFFF;
          font-size: 20rpx;
        }
      }
    }
    .num-box{
      display: flex;
      justify-content: space-between;
      padding: 40rpx 80rpx 40rpx 80rpx;
      .num-item{
        color: #FFFFFF;
        display: flex;
        flex-direction: column;
        text-align: center;
        font-size: 25rpx  ;
        .num{
          margin-bottom: 14rpx;
        }
        .name{

        }
      }
    }

  }
  .set-top{
    margin-top: -20rpx !important;
  }
  .set-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFFFFF;
    padding: 60rpx 30rpx;
    border-radius: 16rpx;
    margin: 0 47rpx 30rpx 47rpx;
    .set-item{
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 20%;
      image{
        height: 35rpx;
        width: 35rpx;
      }
      .name{
        margin-top: 13rpx;
        font-size: 19rpx;
      }
    }
  }
  .out{
    margin-top: 100rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    .out-but{
      width: 400rpx;
      height: 80rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #FE7407;
      font-size: 30rpx;
      border-radius: 50rpx;
      color: #FFFFFF;
    }
  }
}
